<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<!-- 引入样式 -->
<link rel="stylesheet" href="${base}/plugin/element/index.css">
<script src="${base}/plugin/vue/vue.js"></script>
<script src="${base}/plugin/element/index.js"></script>
<script src="${base}/plugin/vue/axios.min.js"></script>
<script src="${base}/js/jquery-1.7.js"></script>

<title>凯卫导航</title>
</head>
<script type="text/javascript">
    function toLogin(){
        //以下为按钮点击事件的逻辑。注意这里要重新打开窗口
        //否则后面跳转到QQ登录，授权页面时会直接缩小当前浏览器的窗口，而不是打开新窗口
        var winObj=window.open("${base}/client/login","TencentLogin",
            "width=450,height=320,menubar=0,scrollbars=1,resizable=1,status=1,titlebar=0,toolbar=0,location=1");
        
      //循环监听
        var loop = setInterval(function() {
              if(winObj.closed) {
                 clearInterval(loop);
                 window.location.reload();
              }
        }, 1000);
    }
</script>


<body>

  <div id="header">
	
	<el-upload
	  class="upload-demo"
	  drag
	  action="${base}/vue/batchUpload"
	  multiple>
	  <i class="el-icon-upload"></i>
	  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
	  <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
	</el-upload>
  </div>
	


<script>
	var head = new Vue({
	    el: '#header',
	    data: {
	       activeIndex: '${base}/open/guide/index'
	    },
	    methods: {
	          handleSelect(key, keyPath) {
	              $("#contentIframe").attr("src", keyPath);
	          }
	    }
	    
	  });
</script>
</body>
</html>